{% extends "./blog/base.html" %}

{% block main %}

{% url 'category-detail-view' article.category as category_url %}

<div class="row">
    <div id="vmaig-content" class="col-md-8 col-lg-9">
        <div id="article-page" class="well">
            <ol class="breadcrumb">
                <li><a href="/"><span class="glyphicon glyphicon-home"></span></a></li>
                <li><a href="{{category_url}}">{{article.category}}</a></li>
                <li class="hidden-xs"><a><span class="glyphicon glyphicon-calendar"></span> {{article.pub_time|date:"Y-m-d"}}</a></li>
                <li><a>
                    <span class="glyphicon glyphicon-eye-open"></span>
                    {{article.view_times}}
                </a></li>
                <li class="pull-right"><a>
                    <span class="glyphicon glyphicon-user"></span> {{article.username.name}}
                </a></li>
            </ol>

            <div id="article">
                <div class="article-title">
                    <h1>{{article.title}}</h1>
                </div>
                <div class="article-tags">
                    {% for tag in article.get_tags%}
                    <a href="{% url 'tag-detail-view' tag %}">
                        <span class="label label-vmaig-{{forloop.counter}} btn">{{tag}}</span>
                    </a>
                    {% endfor %}
                </div>
                <hr/>
                <div class="article-content">
                    {% autoescape off%}
                    {{article.content}}
                    {% endautoescape %}
                </div>
            </div>
        </div>

        <!--评论框 -->
        {% include "./blog/vmaig_comments.html"%}

    </div>

    <div id="vmaig-side" class="col-md-4 col-lg-3 hidden-xs">

        {% include "./blog/widgets/tags_cloud.html"%}
        {% include "./blog/widgets/search.html"%}
        {% include "./blog/widgets/hotest_posts.html"%}
        {% include "./blog/latest_comments.html"%}
    </div>
</div>
{% endblock %}

{% block css%}
<link href="/static/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css"rel="stylesheet" type="text/css" >
{% endblock %}


{% block js%}
<link rel="stylesheet" type="text/css" href="/static/ueditor/third-party/video-js/video-js.min.css">  
<script type="text/javascript" charset="utf-8" src="/static/ueditor/third-party/video-js/video.js"></script>  
<script type="text/javascript" charset="utf-8" src="/static/ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="/static/ueditor/ueditor.all.js"> </script>
<script src="/static/ueditor/third-party/SyntaxHighlighter/shCore.js" type="text/javascript"></script>

<script type="text/javascript" language="javascript">
        
            SyntaxHighlighter.all();
       
</script>
{% endblock%}
